
/* Kevin 新手指导相关 */
.modal .modal-body-mask {
	position: absolute;
	width: calc(100% - 24px);
	height: calc(100% - 24px);
	opacity: 0.5;
	background-color: #000;
	z-index: 9;
}
.modal-guide .modal-body {
	top: 0;
	background-color: red;
}
#guide-point, #guide-modal-point {
	position: fixed;
	width: 49px;
	margin-top: 0;
	animation: guidePoint 1s infinite alternate;
	z-index: 9999;
}
.modal-guide-view {
	/* display: block; */
}
.modal-guide-view .modal-body {
	padding: 0 24px;
	top: 40%;
	/* background-color: #005F84; */
}
.modal-guide-view .view-content {
	padding: 16px 24px;
	color: #5c4b35;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	border-radius: 12px;
	background-image: url("http://img.qxgs.cc/tiantianlaishouzu/img/comic/box-top.png"),url("http://img.qxgs.cc/tiantianlaishouzu/img/comic/box-bottom.png"),url("http://img.qxgs.cc/tiantianlaishouzu/img/comic/box-center.png");
	background-size: 100% auto;
	background-position: top, bottom, center;
	background-repeat: no-repeat, no-repeat, repeat-y;
}
.modal-guide-view button {
	width: initial;
	font-size: 16px;
	margin-top: 8px;
	padding: 4px 12px;
	background: #fe9500;
	border-radius: 4px;
}

#modal-worrget {
	/* display: block; */
}
.modal-worrgetbody {
    position: absolute;
    box-sizing: border-box;
    width: calc(100% - 18px);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    line-height: 0;
    min-height: 220px;
}
.worrgetren {
    position: absolute;
    top: -16%;
    left: 56%;
    transform: translateX(-50%);
    width: 44%;
    z-index: 99;
}
.cuan {
    position: absolute;
    top: -29%;
    left: 56%;
    transform: translateX(-50%);
    width: 64%;
}
.worrgetifno {
    position: absolute;
    text-align: center;
    top: 10%;
    left: 53%;
    transform: translateX(-50%);
    width: 79%;
    background: #fff;
    z-index: 100;
}
.pp1 {
    font-size: 20px;
    font-weight: normal;
    color: #FF6700;
    line-height: 23px;
}
.pp2 {
    font-size: 22px;
    font-weight: normal;
    color: #743735;
    line-height: 25px;
    margin-top: 20px;
}
.pp3 {
    font-size: 22px;
    font-weight: bold;
    color: #F02700;
    line-height: 25px;
}
.pp4 {
    font-size: 54px;
    font-weight: bold;
    color: #F02700;
    line-height: 63px;
    margin-top: 13px;
}
.pp5 {
    font-size: 16px;
    font-weight: normal;
    color: #682B27;
    line-height: 23px;
    text-align: center;
    margin-top: 13px;
}
.kongbai {
    position: absolute;
    top: 70%;
    left: 50%;
    transform: translateX(-50%);
}
.flexcolomin span, .kongbai {
    font-size: 13px;
    color: #FFFFFF;
    margin-top: 10%;
}

.flicker {
	animation: .5s flicker alternate infinite;
}

.modal-guide-view .guide-activity {
	color: #FF6700;
}

@keyframes guidePoint {
	0% {
		transform: scale(0.85);
	}
	100% {
		transform: scale(1);
	}
}
@keyframes flicker {
	0% {
		opacity: 0.4;
	}
	100% {
		opacity: 1;
	}
}



/* 兼容导航头 2023-6-22 14:36:27 */
.zone>.top {
    width: 100%;
    /* position: relative; */
    height: 47px;
    /* background-color: #37baf5; */
    background: url(http://img.qxgs.cc/tiantianlaishouzu/img/investmentIn_mines/top.jpg) no-repeat;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    position: relative;
}
.zone>.top .top_img {
    width: 28px;
    height: 27px;
    /* margin-right: 94px; */
    margin-left: 20px;
    margin-top: 0px;
}
.zone>.top .title {
    /* position: absolute; */
    font-family: FZZhunYuan-M02S;
    font-weight: 600;
    color: #FFFFFF;
    margin-top: 0px;
    font-size: 16px;
    text-shadow: 1px 1px 1px #112977, 1px -1px 1px #112977, -1px 1px 1px #112977, -1px -1px 1px #112977;
    margin-left: calc(50% - 55px);
    transform: translateX(-30%);
}
.zone>.top .wuye {
    position: absolute;
    right: 5px;
    bottom: 5px;
    font-size: 13px;
    font-family: SimHei;
    font-weight: 400;
    text-decoration: underline;
    color: #01F13F;
    text-shadow: 1px 1px 1px #112977, 1px -1px 1px #112977, -1px 1px 1px #112977, -1px -1px 1px #112977;
}